*{
    box-sizing: border-box;
}
.differentLabelContainer{
    margin-top: 20px;
    background-color: #FFFFFF;
    padding: 20px;
}
.differentLabel{
    width: 100%;
    /*height: 100px;*/
    background-color: #ffffff;
    margin-top: 20px;
}
.differentLabel>h3{
    margin-left: 20px;
}
.BottomPadding{
    padding-bottom: 70px;
}
/*生活H*/
.aliveContainerTop{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    /*grid-template-columns: 281px  281px 281px 281px;*/
    column-gap:20px;
}
.aliveContainerBottom{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 281px 582px 281px;
    column-gap: 20px;

}
.alive{
    background-color: #42bbfd;
}
.alive:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, -2px, 0);
    cursor: pointer;
}
/*二次元*/
.twoSpaceContainerTop{
    margin-top: 20px;
    width: 100%;
    height: 300px;
    display: grid;
    /*grid-template-columns: 281px 281px 281px 281px;*/
    grid-template-columns: 581px 581px;
    column-gap:20px;
    row-gap: 20px;
}
.twoSpaceContainerBottom{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 581px 581px;
    column-gap: 20px;
}
.twoSpace{
    background-color: rgb(248,247,248);
    transition: all 0.3s;
    padding:12px;
}
.twoSpace:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, -5px, 0);
    cursor: pointer;
}
/*音乐*/
.musicalContainerTop{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 281px  883px;
    column-gap:20px;
}
.musicalContainerBottom{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 281px 281px 281px 281px;
    column-gap: 20px;
}
.musical{
    background-color: #42bbfd;
}
.musical:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, -2px, 0);
    cursor: pointer;
}
/*美食*/
.foodContainerTop{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 281px  281px 281px 281px;
    column-gap:20px;
}
.foodContainerBottom{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 883px 281px;
    column-gap: 20px;
}
.food{
    background-color: #42bbfd;
}
.food:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, -2px, 0);
    cursor: pointer;
}
/*影视*/
.movieContainerTop{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 281px  883px;
    column-gap:20px;
}
.movieContainerBottom{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 281px  281px 281px 281px;
    column-gap: 20px;
}
.movie{
    background-color: #42bbfd;
}
.movie:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, -2px, 0);
    cursor: pointer;
}
/*运动*/
.runContainerTop{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 281px  281px 281px 281px;
    column-gap:20px;
}
.runContainerMiddle{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 281px  883px;
    column-gap: 20px;
}
.runContainerBottom{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 281px  281px 281px 281px;
    column-gap: 20px;
}
.run{
    background-color: #42bbfd;
}
.run:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, -2px, 0);
    cursor: pointer;
}
/*科技*/
.technologyContainerTop{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 458px 229px 458px;
    column-gap:20px;
}
.technologyContainerBottom{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 286px  573px 286px;
    column-gap: 20px;
}
.technology{
    background-color: #42bbfd;
}
.technology:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, -2px, 0);
    cursor: pointer;
}
/*技术*/
.skillContainerTop{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 281px  281px 281px 281px;
    column-gap:20px;
}
.skillContainerBottom{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 281px  281px 281px 281px;
    column-gap: 20px;
}
.skill{
    background-color: #42bbfd;
}
.skill:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, -2px, 0);
    cursor: pointer;
}
/*社交*/
.socialContainerTop{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 286px  573px 286px;
    column-gap:20px;
}
.socialContainerBottom{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 458px 229px 458px;
    column-gap: 20px;
}
.social{
    background-color: #42bbfd;
}
.social:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, -2px, 0);
    cursor: pointer;
}
/*其他*/
.otherContainerTop{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 883px 281px;
    column-gap:20px;
}
.otherContainerBottom{
    margin-top: 20px;
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 281px 281px 281px 281px;
    column-gap: 20px;
}
.other{
    background-color: #42bbfd;
}
.other:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    transform: translate3d(0, -2px, 0);
    cursor: pointer;
}
/*返回顶部*/
.returnTop{
    width: 50px;
    height: 50px;
    /*background-color: #42bbfd;*/
    position: fixed;
    bottom: 100px;
    right: 20px;
    transition: all 0.3s;
    display: none;
    border-radius: 50%;
    z-index: 999;
}
.returnTop>img{
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 999;
}
.spaceTitle{
    width: 200px;
    height: 25px;
    /*border: 1px solid red;*/
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.spaceContent{
    width: 500px;
    height: 56px;
    margin-top: 5px;
    /*!*文本换行*!*/
    /*word-break: normal;*/
    /*word-wrap: break-word;*/
    /*!*文本超出隐藏*!*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    font-size: 13px;
    padding-top: 4px;
}
.spaceInfo{
    width: 557px;
    height: 30px;
    line-height:30px;
    margin-top:5px;
    font-size:13px;
}
.spaceInfoBlogger{
    display: inline-block;
    width: 100px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 15px;

}
.spaceInfoTime{
    /*display: inline-block;*/
    /*width: 250px;*/
    /*height: 30px;*/
    margin-right: 90px;
}
.spaceInfo span{
    padding-right: 5px;
}
